<div>
  <div id="app">
    <!-- <my-counter></my-counter> -->
    <h1>Extention</h1>
    <div class="box">
      <ui-prop>
        <ui-label slot="label">Checkbox</ui-label>
        <ui-checkbox slot="content"></ui-checkbox>
      </ui-prop>

      <ui-prop>
        <ui-label slot="label">Name</ui-label>
        <ui-input slot="content"></ui-input>
      </ui-prop>

      <ui-prop>
        <ui-label slot="label">Color</ui-label>
        <ui-color slot="content"></ui-color>
      </ui-prop>

      <ui-prop>
        <ui-label slot="label">Select</ui-label>
        <ui-select slot="content">
          <option value="1">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sit, sint.</option>
          <option value="2">Sapiente ratione esse voluptatibus repudiandae illo numquam quas nulla id.</option>
        </ui-select>
      </ui-prop>
    </div>
  </div>
</div>